<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <script type="text/javascript">
  var _gaq = _gaq || [];

      _gaq.push(['_setAccount','UA-1450253-1']);
    _gaq.push(['_setDomainName','.animoto.com']);
    _gaq.push(['_initData']);
    _gaq.push(['_setVar','visitor']);
  
  
    _gaq.push(['_trackPageview','/play']);
  
</script>


                
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta http-equiv="content-language" content="en-us" />
        <title>animoto - Hunger Games</title>
        <meta name="keywords" content="pictures, videos, clips, spotlight, footage, music, songs, slideshow, slide show, slideshows, slide shows, animation, video, music video, trailers, film, MySpace, Facebook, blogs, embed, " />
        <meta name="description" content="Hunger Games" />
        <link rel="shortcut icon" href="/favicon.ico" />
        <!--[if (!IE)|(gte IE 8)]><!-->
<link href="/assets/animoto-all-datauri.css?1955671552c5703cd6768596b85f35849c1e38d2" media="screen" rel="stylesheet" type="text/css" />
<!--<![endif]-->
<!--[if lte IE 7]>
<link href="/assets/animoto-all.css?1955671552c5703cd6768596b85f35849c1e38d2" media="screen" rel="stylesheet" type="text/css" />
<![endif]-->

        <script type="text/javascript">
  var CURRENT_PLAYER_SWF = "http://static.animoto.com/swf/w.swf?w=swf/vp1";
  var CURRENT_EDITOR_SWF = "http://static.animoto.com/swf/animotoeditor-2.0.swf";
</script>

        <script src="/assets/animoto-all.js?1955671552c5703cd6768596b85f35849c1e38d2" type="text/javascript"></script>
        <script type="text/javascript" charset="utf-8">
  Hint.init('/users/user_hints');
</script>

        

        
        <!--[if lt IE 8]>
            <link href="/stylesheets/redesign/animoto-ie7.css?1955671552c5703cd6768596b85f35849c1e38d2" media="screen" rel="stylesheet" type="text/css" />            
        <![endif]-->
        <!--[if lt IE 7]>
            <link href="/stylesheets/redesign/animoto-ie6.css?1955671552c5703cd6768596b85f35849c1e38d2" media="screen" rel="stylesheet" type="text/css" />        <![endif]-->

        
  <meta name="title" content="Hunger Games" />
  <link rel="image_src" href="http://s3-p.animoto.com/Video/mT0U18jCvVgUIfAQHpN1iw/cover_432x240.jpg" />
  <link rel="alternate" type="application/json+oembed" href="http://animoto.com/services/oembed?url=http://animoto.com/play/mT0U18jCvVgUIfAQHpN1iw&format=json" title="Animoto Video: Hunger Games" />
  <link rel="alternate" type="text/xml+oembed" href="http://animoto.com/services/oembed?url=http://animoto.com/play/mT0U18jCvVgUIfAQHpN1iw&format=xml" title="Animoto Video: Hunger Games" />

  <link rel="video_src" href="http://static.animoto.com/swf/w.swf?w=swf/vp1&e=1273629753&f=mT0U18jCvVgUIfAQHpN1iw&d=95&m=a&r=w&i=m&options=" />
  <meta name="medium" content="video" />
  <meta name="video_height" content="240" />
  <meta name="video_width" content="432" />
  <meta name="video_type" content="application/x-shockwave-flash" />
  
  <meta property="og:title" content="Hunger Games"/>
  <meta property="og:type" content="article"/>
  <meta property="og:url" content="http://animoto.com/play/mT0U18jCvVgUIfAQHpN1iw"/>
  <meta property="og:image" content="http://s3-p.animoto.com/Video/mT0U18jCvVgUIfAQHpN1iw/cover_432x240.jpg"/>
  <meta property="og:site_name" content="Animoto"/>
  <meta property="og:description" content="Hunger Games"/>
  <meta property="fb:app_id" content="7010059809" />
  
    </head>
    <body id="video-player-page">
        <div id="container">
          <div id="bgOne"></div>
          <div id="bgTwo"></div>
            <div id="bgContainer"></div>
            <div id="header" class="">
                              
<div id="header_main" >
    <div id="header_content">
        <div class="container_16">
            <div id="header_logo" class="grid_5 alpha">
                <h1 id="siteTitle" title="Animoto"><a href="/" rel="home"><span></span>Animoto</a></h1>
            </div>
            <div id="header_account" class="grid_11 omega">
                                                                     <p>
                               existing user?  <a href="/sign_in">Sign In</a><br />
                               no account yet? <a href="/sign_up">Sign Up</a>
                           </p>
                                                             
            </div>
        </div>
    </div>
    <div class="container_16">
    <div id="header_navbar" class="grid_16 alpha omega">
                <ul>
          <li id="nav_create"><a href="/create">Create Video</a></li>
          <li id="nav_videos"><a href="/projects">My Videos</a></li>
          <li id="nav_lounge"><a href="/lounge/browse">Music Lounge</a></li>
          <li id="nav_help"><a href="http://help.animoto.com/">Help</a></li>
          <!-- <li id="helpTrigger"><a href="">?</a></li> -->
        </ul>
        
    </div>
   
    </div>
</div>
<div class="container_16">
    <div id="header_flash" class=" hide">
        <div class="flash "></div>
        <div class="controls "><span></span></div>
    </div>
</div>
                          </div>
            
<div class="container_9" id="videoContainer" role="main">
  <div class="videoPanel">
    <ul class="shareTools">
      <li class="meta">
        <div>
          <h1 class="" id="title">Hunger Games</h1>
          <h2>
            Created 31 minutes ago by Jezuz Pena
          </h2>
          <div id="viewCount"><strong>2</strong> views</div>
        </div>
      </li>
      <li id="mini_icon">
        <a onclick="AnimotoFramework.trackPageEvent('play-page', 'share_facebook'); return fbs_click()" target="_blank" id="mini_facebook" title="Share on Facebook"></a></li>
      <li id="mini_icon"><a href="http://twitter.com/home?status=Just+saw+a+video+on+Animoto+called+%22Hunger+Games%22%3A+http%3A%2F%2Fanimoto.com%2Fs%2FmT0U18jCvVgUIfAQHpN1iw" target="_blank" onclick="AnimotoFramework.trackPageEvent('play-page', 'share_twitter')" id="mini_twitter" title="Post to Twitter" > </a></li>
      <li id="mini_icon"><a href="http://api.addthis.com/oexchange/0.8/forward/myspace/offer?title=Hunger Games&url=http://animoto.com/play/mT0U18jCvVgUIfAQHpN1iw" target="_blank" onclick="AnimotoFramework.trackPageEvent('play-page', 'share_myspace')" id="mini_myspace" title="Post to MySpace" > </a></li>
      <li id="mini_icon">
        <a title="Share with friends" id="mini_email" class="lightbox" href="/renders/mT0U18jCvVgUIfAQHpN1iw/shares?type=email" onclick="AnimotoFramework.trackPageEvent('play-page', 'visitor_share');AnimotoFramework.lightbox('/renders/mT0U18jCvVgUIfAQHpN1iw/shares?type=email',620);return false;"></a>
      </li>
    </ul>
    <div class="largePlayer">
      
      <div id="videoPlayer" style="">
        <div id="flashInstall" class="textHide">
          <h3>Flash Player Required</h3>
          <p>
            Unfortunately we couldn't load the video player as it requires a more recent version of the Adobe Flash Player installed.
            Please <a href="http://www.adobe.com/go/getflashplayer" onclick="window.open(this.href);return false;">download the latest version</a> and reload this page.
          </p>
          <p>
            <a href="http://www.adobe.com/go/getflashplayer">
                <img src="http://www.adobe.com/macromedia/style_guide/images/160x41_Get_Flash_Player.jpg" alt="Get Adobe Flash player" />
            </a>
          </p>
        </div>
      </div>
      <script type="text/javascript">
        var doHqStart = false;

        $(document).ready(function(){
          if (swfobject.hasFlashPlayerVersion(animoto.player.MINIMUM_FLASH_VERSION)) {
            var doAutoStart = 'false';
            if(doAutoStart && document.location.toString().split('#')[1]){
              doAutoStart = false;
            }

            doHqStart = jQuery.deparam.querystring(true).res == "hq" ? true : false;

            var params = {
              wmode: 'transparent',
              allowFullScreen: 'true',
              allowscriptaccess: 'always',
              allowNetworking: 'all'
            };

            var flashVars = {
              file:  'mT0U18jCvVgUIfAQHpN1iw',
              
              start_hq: doHqStart,
              image: 'auto',
              environment:  'production',
              animoto_mode: 'consumer',
              autostart: doAutoStart,
              duration: '95857',
              created: '1273627914',
              calltoaction_text: '',
              calltoaction_url: '',
              id: 'videoPlayer' // need this to control player in Firefox & Safari
            };

            var so = swfobject.embedSWF(CURRENT_PLAYER_SWF, 'videoPlayer', 648, 360, animoto.player.MINIMUM_FLASH_VERSION , null, flashVars, params);

          } else {
            $('#flashInstall').removeClass('textHide');
          }
        });


      </script>
      
      
    </div>
    <ul class="metaTools">
      <li class="meta">
          Artist: Flypside<br />Song: Someday
      </li>
      <li id="">
        <ul id="controlButtons">
        
          <li>
            <a href="/create" class="button small" title="Create your own">Create your own</a>
          </li>
          <li>
            <a href="/renders/mT0U18jCvVgUIfAQHpN1iw/shares" class="button small lightbox" title="Share this video"  onclick="AnimotoFramework.trackPageEvent('play-page', 'visitor_share');AnimotoFramework.lightbox('/renders/mT0U18jCvVgUIfAQHpN1iw/shares',620);return false;">Share this video</a>
          </li>
        
        </ul>
      </li>
    </ul>
    <p class="description " id="description"></p>
  </div>
  
    <div class="commentPanel" id="commentPanel">
  <a name='comments'></a>
  <h5>Comments <span id="">(<span id="commentCount">0</span>)</span></h5>
  
    
      <p class="commentNoComments">This video has received no comments. Be the first!</p>
    
    <ul class="comments">
    </ul>
  
  
    <p class="commentSignIn">
      <a href="https://animoto.com/sign_in?return_to=%2Fplay%2FmT0U18jCvVgUIfAQHpN1iw">Sign in</a>
      or <a href="https://animoto.com/sign_up?return_to=%2Fplay%2FmT0U18jCvVgUIfAQHpN1iw" class="button small">Sign up</a>
      to leave a comment
    </p>
  
</div>

<script type="text/javascript">
  $(document).ready(function(){
    animoto.page.player_page.initCommentForm();

    
  });
</script>
  
</div>


<div id="animoto_launchpad"></div>
<script>
  // toggle player size for HQ
  function playerReady() {
    $('#videoPlayer').get(0).addControllerListener("TOGGLE_HQ", "playerHQToggle");
    if(doHqStart){
      playerHQToggle({state:true});
    }
  }
  function playerHQToggle(params) {
    var isHQ = params.state;
    $('#videoPlayer').attr(isHQ ? {'width': '864', 'height': '480'} : {'width': '648', 'height': '360'});
    $('#videoContainer').toggleClass('hq', isHQ);
  }


  
  $(document).ready(function(){
    if(pageOkey == undefined){
      pageOkey = "mT0U18jCvVgUIfAQHpN1iw";
    }

    animoto.page.player_page.initShareLinks();

    var state = document.location.toString().split('#')[1];
    if(state){
      switch(state){
        case('share'):
          $.nyroModalManual({
            url: '/renders/mT0U18jCvVgUIfAQHpN1iw/shares'
          });
          break;
        case('export'):
                    break;
        case('embed'):
                    break;
      }
    }
    
    $('.lightbox').click(function(){
      try{
        $('#videoPlayer').each(function() {this.pauseMedia();});
      } catch(e){}
    });
   

      });

  function fbs_click(){u=location.href+"?utm_source=facebook&utm_medium=share&utm_campaign=one_click_share";t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}

</script>

        </div>
        <div id="footer" class="">
            <div class="container_16">
    <div class="grid_12 prefix_2 alpha">
        <div class="grid_2 alpha">
          <h5>Animoto for...</h5>
          <ul>   
            <li><a href="/business">Business</a></li>      
            <li><a href="/photography">Photography</a></li>      
            <li><a href="/realestate">Real Estate</a></li>
            <li><a href="/education">Education</a></li>
            <li><a href="/cause">a Cause</a></li>
          </ul>
        </div>
        <div class="grid_2">
            <h5>our other apps</h5>
            <ul>
              <li><a href="http://www.facebook.com/home.php#/apps/application.php?id=7010059809" class="external" onclick="javascript: _gaq.push(['_trackPageview','/footer/facebook']);" target="_blank">facebook</a></li>
              <li><a href="/iphone">iphone</a></li>
            </ul>
        </div>
        <div class="grid_2">
            <h5>partner platform</h5>
            <ul>
              <li><a href="/developer">Quickstart API</a></li>
              <li><a href="/referrals">referrals</a></li>
              <li><a href="/affiliates">affiliates</a></li>
            </ul>
        </div>
         <div class="grid_2">
            <h5>feedback</h5>
            <ul>
              <li><a href="http://help.animoto.com" onclick="javascript: _gaq.push(['_trackPageview','/footer/support']);">customer support</a></li>
              <li><a href="http://help.animoto.com/requests/anonymous/new" target="_blank" onclick="javascript: _gaq.push(['_trackPageview','/footer/contact']);" >contact us</a></li>
            </ul>
         </div>
         <div class="grid_2">
            <h5>follow us</h5>
            <ul>
              <li><a href="http://blog.animoto.com/" target="_blank" onclick="javascript: _gaq.push(['_trackPageview','/footer/blog']);"  class="external">blog</a></li>
              <li><a href="http://labs.animoto.com" target="_blank" onclick="javascript: _gaq.push(['_trackPageview','/footer/labs']);"  class="external">tech</a></li>
              <li><a href="http://twitter.com/animoto" target="_blank" onclick="javascript: _gaq.push(['_trackPageview','/footer/twitter']);"  class="external">twitter</a></li>
            </ul>
         </div>
      <div class="grid_2 omega">
        <h5>about us</h5>
        <ul>
          <li><a href="/company/">company</a></li>
          <li><a href="/company/buzz">the buzz</a></li>
          <li><a href="/company/jobs">careers</a></li>
          <li><strong><a href="/pricing">Pricing Details &raquo;</a></strong></li>
        </ul>
      </div>
    </div>
    <div class="grid_12 prefix_2 alpha">
        <p class="copyright">&copy; 2010 Animoto Productions | <a href="/legal/terms">Terms of Service</a> and <a href="/legal/privacy_policy">Privacy Policy</a></p>
    </div>
    <script type="text/javascript">
      (function() {
        var ga = document.createElement('script');
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        ga.setAttribute('async', 'true');
        document.documentElement.firstChild.appendChild(ga);
      })();
    </script>
    </div>
        </div>
        
                                    </body>
</html>
